@import 'default';
@import './component/banner';
@import './component/grid';
@import './component/tab';
@import './component/form';

.content{   
	width:100%;
	height:100%;
}

.container{
	margin: 0 auto;
	&.step{
		margin:20px auto;
	}
	&.recommend{
		padding:18px 15px;
		height:230px;
		width:1170px;
		background: #f4f5f9;
	}
	&.index-main{
		margin:20px auto 0;
		height: 970px;
		overflow: hidden;
	}
	&.partner{
		margin:20px auto 0;
		height: 206px;
		overflow: hidden;
		background: #f4f5f9;
		padding:18px 15px 0;
		width:1170px;
	}
	&.link{
		margin:20px auto 40px;
		height: 136px;
		overflow: hidden;
		background: #f4f5f9;
		padding:18px 15px 0;
		width:1170px;
	}
}
.recommend-top{
	overflow: hidden;
	padding-bottom:25px;
}
.line{
	width: 5px;
	height: 22px;
	background: #f46a00;
	float: left;
}
.title{
	float: left;
	line-height: 22px;
	font-size:22px;
	color:#2b363e;
	padding:0 9px;
}
.money{
	background: url(../img/static/money.png) no-repeat;
	width:10px;
	height: 10px;
	display: inline-block;
}
.main-message{
	height: 22px;
	width:375px;
	padding-left:25px;
	float: left;
	font-size:15px;
	color:#2b363e;
	line-height: 22px;
}
.index-main-left{
	width:895px;
	height:970px;
	float: left;
	margin-right:20px;
	.index-main-left-top,.index-main-left-bottom{
		height: 475px;
		background: #f4f5f9;
		padding-left:15px;
		padding-right:15px;
		width:865px;
	}
	.index-main-left-bottom{
		margin-top:20px;
	}
}
.index-main-right{
	width:283px;
	height: 970px;
	float: left;
	.index-main-right-top{
		height: 478px;
		width:283px;
		border:1px solid #e8e8e8;
		position: relative;
	}
	.index-main-right-middle{
		height: 305px;
		width:283px;
		margin:15px 0;
		border:1px solid #e8e8e8;
	}
	.index-main-right-bottom{
		height: 150px;
		width:283px;
		border:1px solid #e8e8e8;
	}
}
.title-area{
	padding-top:18px;
	overflow: hidden;
}
.more-desc{
	font-size:14px;
	color:#999;
	line-height: 22px;
	float: right;
}
.activity-list{
	overflow: hidden;
	.game-left{
		float: left;
		width:210px;
		height: 390px;
		position: relative;
		margin-right:15px;
		margin-top:28px;
		.itemImgArea{
			height: 366px;
		}
		.joinBtn{
			margin:160px auto 0;
		}
	}
	ul{
		float: left;
		width:865px;
		&.game-right{
			width:640px;
		}
	}
	.activity-item{
		position: relative;
		overflow: hidden;
		margin-top:28px;
		float: left;
		width:203px;
		height: 183px;
		margin-right:15px;
		&.spec{
			width:210px;
		}
		&.mar-right{
			margin-right:0;
		}
	}
	.itemImgArea{
		height: 155px;
		position: relative;
		overflow: hidden;
	}
	.activity-icon{
		width:27px;
		height: 33px;
		background: url(../img/icon/activity.png) no-repeat;
		position: absolute;
		left:2px;
		top:-2px;
		z-index:10;
	}
	.itemImg{
		width: 100%;
		height: 100%;
	}
	.itemDesc{
		font-size:12px;
		color:#fff;
		background: #606268;
		line-height: 24px;
		width:100%;
		position: absolute;
		bottom:0;
	}
	.itemDesc-left{
		float: left;
		margin-left:3px;
	}
	.itemDesc-right{
		color:#f4f800;
		float: right;
		margin-right:3px;
	}
	.reward-desc{
		font-size:13px;
		line-height: 1em;
		color:#576077;
		margin-top:11px;
		.number{
			color:#ff1800;
			padding-right:2px;
		}
	}
	.cover{
		width:100%;
		height: 100%;
		position: absolute;
		bottom:-100%;
		left:0;
		background: rgba(0,0,0,0.5);
		text-align: center;
	}
	.itemImgArea:hover .cover{
		bottom:0px;
		transition:0.5s;
		-webkit-transition:0.5s;
		-o-transition:0.5s;
		-moz-transition:0.5s;
	}
	.joinBtn{
		height: 35px;
		width:125px;
		display: block;
		margin:50px auto 0;
		text-align: center;
		line-height: 35px;
		background: #e02423;
		border-radius: 4px;
		font-size: 16px;
		color: #fff;
	}
	.joinCnt{
		text-align: center;
		line-height: 28px;
		font-size: 14px;
		color: #fff;
	}
}
.top-title{
	color:#576077;
	background: #f4f5f9;
	height: 40px;
	line-height: 40px;
	padding-left:16px;
	border-bottom:1px solid #e8e8e8;
}
.tab-select{
	position: absolute;
	right:16px;
	line-height: 40px;
	top:0;
	color:#576077;
	.yesterday,.today{
		cursor: pointer;
		&.current{
			color:#ff0000;
		}
	}
}
.tab-list{
	width:100%;
	height: 36px;
	line-height: 36px;
	border-bottom:1px solid #e8e8e8;
	overflow: hidden;
	.tab-name{
		width:72px;
		float: left;
		color:#576077;
		font-size:12px;
		text-align: center;
		&.first{
			text-align: left;
			padding-left:16px;
			width:50px;
		}
	}
}
.table{
	overflow: hidden;
	.table-cell{
		padding:5px 0;
		height: 26px;
		line-height: 26px;
		text-align: center;
		&.even{
			background: #f4f5f9;
		}
	}
	.cell-element{
		width:72px;
		float: left;
		font-size:12px;
	}
	.rank{
		width:25px;
		height: 26px;
		margin:0 25px 0 16px;
		&.first{
			background: url(../img/static/first.png) no-repeat;
		}
		&.second{
			background: url(../img/static/second.png) no-repeat;
		}
		&.third{
			background: url(../img/static/third.png) no-repeat;
		}
	}
	.name{
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	.income{
		color:#576077;
		font-size:13px;
	}
	.rewards{
		color:#ff1800;
	}
}
.pageInfo{
	line-height: 40px;
	text-align: center;
	.page-content{
		display: inline-block;
		overflow: hidden;
	}
	.prev,.next,.page{
		font-size:12px;
		float: left;
		color:#576077;
	}
	.page{
		padding:0 5px;
	}
}
.withDraw{
	height: 264px;
	overflow: hidden;
	.withdraw-cell{
		height: 55px;
		padding:12px 16px 11px;
		&.even{
			background: #f4f5f9;
		}
	}
	.cell-left{
		width:55px;
		height: 55px;
		margin-right:17px;
		float: left;
		&.man{
			background: url(../img/static/man.png) no-repeat;
		}
		&.girl{
			background: url(../img/static/girl.png) no-repeat;
		}
	}
	.cell-right{
		width:80px;
		height: 45px;
		padding-top:10px;
		float: left;
		color:#576077;
		font-size:12px;
	}
	.username{
		line-height: 1em;
	}
	.withdraw-money{
		margin-top:12px;	
		.moneyNum{
			color:#ff1e00;
		}
	}
}
.notice{
	padding-left:16px;
	padding-top:3px;
	.noticeName{
		color:#576077;
		font-size:12px;
		line-height: 21px;
		display: block;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
}
.partner-top{
	overflow: hidden;
}
.partner-list{
	padding-top:10px;
	overflow: hidden;
	.partner-cell{
		margin-top:17px;
		margin-right:19px;
		float: left;
		width:129px;
		height: 61px;
		&.mar-right{
			margin-right:0;
		}
	}
}
.link-cell{
	display: block;
	margin-top:17px;
	font-size:13px;
	line-height: 1em;
	a{
		color:#576077;
		display: inline-block;
		margin-right:13px;
		&.none{
			margin-right:0;
		}
		&:hover{
			color:#e02423;
		}
	}
}
.message{
	height: 22px;
	width:375px;
	padding-left:25px;
	float: left;
	font-size:15px;
	color:#2b363e;
	line-height: 22px;
	background: url(../img/static/icon-message.png) no-repeat;
	background-position: left center;
}
.recommend-img{
	overflow: hidden;
	li{
		float: left;
		margin-right:15px;
		height:180px;
		&.none{
			margin-right:0;
		}
	}
}
.message-content{
	width: 1200px;
    height: 40px;
    position: relative;
    margin: 0 auto;
    overflow:hidden;

    .message-icon{
		background: url(../img/icon/icon-message.png) no-repeat;
	    width: 18px;
	    height: 15px;
	    position: absolute;
	    top: 13px;
	    left: 0px;
	}
}

.message-text{
	display:inline-block;
	width:1000px;
	padding-left:40px;
	line-height:40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	height:40px;

	li{
		width:100%;
	}

	a{
		display:inline-block;
		color:#333333;
		font-size:12px;

		&:hover{
			color: #fc900c;
		}
	}
}
.message-ram{
	overflow: hidden;
	i{
		line-height: 40px;
		float: left;
	    display: inline-block;
	    font-size: 16px;
	    color: #4e5158;
	    margin-left: 10px;
	}
}
